<!doctype html>
<html lang="ch">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>Backdoor后门</title>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script>
            $(function() {
                $(".meun-item").click(function() {
                    $(".meun-item").removeClass("meun-item-active");
                    $(this).addClass("meun-item-active");
                    var itmeObj = $(".meun-item").find("img");
                    itmeObj.each(function() {
                        var items = $(this).attr("src");
                        items = items.replace("_grey.png", ".png");
                        items = items.replace(".png", "_grey.png")
                        $(this).attr("src", items);
                    });
                    var attrObj = $(this).find("img").attr("src");
                    ;
                    attrObj = attrObj.replace("_grey.png", ".png");
                    $(this).find("img").attr("src", attrObj);
                });
                $("#topAD").click(function() {
                    $("#topA").toggleClass(" glyphicon-triangle-right");
                    $("#topA").toggleClass(" glyphicon-triangle-bottom");
                });
                $("#topBD").click(function() {
                    $("#topB").toggleClass(" glyphicon-triangle-right");
                    $("#topB").toggleClass(" glyphicon-triangle-bottom");
                });
                $("#topCD").click(function() {
                    $("#topC").toggleClass(" glyphicon-triangle-right");
                    $("#topC").toggleClass(" glyphicon-triangle-bottom");
                });
                $(".toggle-btn").click(function() {
                    $("#leftMeun").toggleClass("show");
                    $("#rightContent").toggleClass("pd0px");
                })
            })
        </script>
        <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
<![endif]-->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <link rel="stylesheet" type="text/css" href="css/slide.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="css/flat-ui.min.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery.nouislider.css">
    </head>

    <body>
        <div id="wrap">
            <!-- 左侧菜单栏目块 -->
            <div class="leftMeun" id="leftMeun">
                <div id="logoDiv">
                    <p id="logoP"><img id="logo" alt="左右结构项目" src="images/logo.png"><span>Backdoor</span></p>
                </div>
                <div id="personInfor">
                    <p>选择数据源</p>
                    <p>
                        <select id="dsSelect" class="form-control">
                            <option>请选择</option>
                        </select>
                    </p>
                </div>
                <div class="meun-title">数据源管理</div>
               
                <div id="dsMenu" class="meun-item" href="#dsList" aria-controls="dsList" role="tab" data-toggle="tab"><img src="images/icon_chara_grey.png">数据源列表</div>
                
                
                <div class="meun-title">功能管理</div>
                <div class="meun-item" href="#addFunction" aria-controls="addFunction" role="tab" data-toggle="tab"><img src="images/icon_change_grey.png">添加功能</div>
            
            </div>
            <!-- 右侧具体内容栏目 -->
            <div id="rightContent">
                <a class="toggle-btn" id="nimei">
                    <i class="glyphicon glyphicon-align-justify"></i>
                </a>
                <!-- Tab panes -->
                <div class="tab-content">
                    
                    <!-- 数据源管理模块 -->
                    <div role="tabpanel" class="tab-pane" id="dsList">

                        <div class="check-div">
                            <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addDsDialog">添加数据源</button>
                        </div>
                        <div class="data-div">
                            <div class="row tableHeader">
                                <div class="col-xs-1 ">
                                    编码
                                </div>
								<div class="col-xs-1">
                                    环境
                                </div>
                                <div class="col-xs-6">
                                    url
                                </div>
                                <div class="col-xs-1">
                                    用户名
                                </div>
								<div class="col-xs-1">
                                    密码
                                </div>
                                <div class="col-xs-1">
                                    操作
                                </div>
                            </div>
                            <div id="dsTb" class="tablebody">
                        <!--<div class="row">
							<div class="col-xs-1 ">
								1
							</div>
							<div class="col-xs-1">
                                开发环境
                            </div>
							<div class="col-xs-6">
								</span><span>jdbc:mysql://10.203.13.156:3307/avcp?useUnicode=true&amp;characterEncoding=UTF8</span>
                            </div>
                            <div class="col-xs-1">
                                dev
                            </div>
							<div class="col-xs-1">
                                dev123456
                            </div>
                            <div class="col-xs-1">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeDs">修改</button>
                                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteDs">删除</button>
                            </div>
                        </div>-->
                   

                    </div>

                        </div>
                
                
                        <!--增加数据源弹出窗口-->
                        <div class="modal fade" id="addDsDialog" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="dataSourceAdd">添加数据源</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="container-fluid">
                                            <form id="dsAddForm" class="form-horizontal">
                                                <div class="form-group">
                                                    <label class="col-xs-3 control-label">环境：</label>
                                                    <div class="col-xs-6 ">
                                                        <input type="" class="form-control input-sm duiqi" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-3 control-label">url：</label>
                                                    <div class="col-xs-6 ">
                                                        <textarea class="form-control input-sm duiqi" rows="4"></textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group ">
                                                    <label class="col-xs-3 control-label">用户名：</label>
                                                    <div class="col-xs-6 ">
                                                        <input type="email" class="form-control input-sm duiqi" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="sOrd" class="col-xs-3 control-label">密码：</label>
                                                    <div class="col-xs-6">
                                                        <input type="" class="form-control input-sm duiqi" placeholder="">
                                                    </div>
                                                </div>

                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button id="dsCanelBth" type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                        <button id="dsAddBtn" type="button" class="btn btn-xs btn-green">保 存</button>
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal-dialog -->
                        </div>
                        <!-- /.modal -->

                        <!--修改数据源弹出窗口-->
                        <div class="modal fade" id="changeDsDialog" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="dataSourceUpdate">修改数据源</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="container-fluid">
                                            <form id="dsUpdateForm" class="form-horizontal">
                                                <div class="form-group">
                                                    <label class="col-xs-3 control-label">环境：</label>
                                                    <div class="col-xs-6 ">
                                                        <input type="" class="form-control input-sm duiqi" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-3 control-label">url：</label>
                                                    <div class="col-xs-6 ">
                                                        <textarea class="form-control input-sm duiqi" rows="4"></textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group ">
                                                    <label class="col-xs-3 control-label">用户名：</label>
                                                    <div class="col-xs-6 ">
                                                        <input type="" class="form-control input-sm duiqi" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="sOrd" class="col-xs-3 control-label">密码：</label>
                                                    <div class="col-xs-6">
                                                        <input type="" class="form-control input-sm duiqi" id="sOrd" placeholder="">
                                                    </div>
                                                </div>

                                                <input type="hidden" name="id" >
                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                        <button type="button" class="btn btn-xs btn-green" onclick="executeSaveDs()">保 存</button>
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal-dialog -->
                        </div>
                        <!-- /.modal -->

                        <!--弹出删除数据源警告窗口-->
                        <div class="modal fade" id="deleteDsDialog" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title">提示</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="container-fluid">
                                            确定要删除该数据源？删除后不可恢复！
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                        <button type="button" class="btn btn-xs btn-danger" onclick="executeDeleteDs()">确 定</button>
                                        <input type="hidden" name="dsId">
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal-dialog -->
                        </div>
                        <!-- /.modal -->

                    </div>
			
			
			
            <!--功能管理模块-->
            <div role="tabpanel" class="tab-pane" id="addFunction">
                <div class="check-div">
                    添加新功能
                </div>
                <div style="padding: 50px 0;margin-top: 50px;background-color: #fff; text-align: right;width: 850px;margin: 50px auto;">
                    <form id="addFunctionForm" class="form-horizontal">
                        <div class="form-group">
                            <label class="col-xs-4 control-label">功能名称：</label>
                            <div class="col-xs-5">
                                <input type="" class="form-control input-sm duiqi" placeholder="" style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-4 control-label">描述：</label>
                            <div class="col-xs-6">
                                <textarea class="form-control input-sm duiqi2"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-4 control-label">内容：</label>
                            <div class="col-xs-6 ">
                                <textarea class="form-control input-sm duiqi2" rows="5"></textarea>
                            </div>
                        </div>
                        <div class="form-group text-right">
                            <div class="col-xs-offset-4 col-xs-5" style="margin-left: 169px;">
                                <button type="reset" class="btn btn-xs btn-white">取 消</button>
                                <button id="addFunctionBtn" type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                    </form>
                </div>


            </div>
            
            
           
            
            
        
            
        </div>
    </div>
</div>


</body>

</html>


<script src="biz-js/datasourceSelect.js"></script>
<script src="biz-js/datasource.js"></script>
<script src="biz-js/function.js"></script>